<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		/*
			this指向:
				函数在定义的时候没法确定this的指向, 只有在调用的时候确认,
				this却决于他的调用者

			----在全局作用域中 或者普通函数中,this指向的是全局 window
			----在函数方法中,谁调用函数,this就指向谁
			----在事件绑定中,this指向事件源

		*/

		function fn(){
			console.log(this)//window
		}

		fn()//window.fn()
		//window.fn()

		let a = function () {
			console.log(this)
			// body...
		}
		a()//window

		// 对象
		let obj = {
			name:"思考的是",
			firend: ["sda","sad"],
			like:function() {
				console.log("李锐锋喜欢踩缝纫机",this.firend[0],this)
			},
			hate: {
				firend:["曾文帝"],
				kill:function(){
					console.log(this.firend[0],this)
				}
			}
		}
		console.log(obj.firend)//['sda','sad']
		obj.like()//obj this指向他的调用者 obj
		obj.hate.kill()//hate  this指向调用者,hate

		let p = document.querySelectorAll('p')

		p.onclick = function(){
			console.log(this)//p
			this.style.color = "red"
		}
	</script>
</body>
</html>